<template>
  <div class="login_box mkbg">
    <head-main :headshow="headshow" />

    <div class="mkbox">
      <div class="mktop">
        <div
          class="mk"
          v-for="item in mkdata"
          :key="item.id"
          @click="startmk(item.i)"
        >
          <div class="mktp">
            <img :src="item.img" alt="" srcset="" class="mkcbg" />
            <img src="@/images/mkcbg.png" alt="" srcset="" />
          </div>
          <div class="mkdes">{{ item.name }}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import headMain from '@/components/headMain.vue'
export default {
  components: { headMain },
  name: 'CH',

  data() {
    return {
      headshow: true,
      mkdata: [
        {
          id: 1,
          name: '糖尿病教育',
          img: require('@/images/shl.png'),
          i: 'mK1'
        },
        {
          id: 2,
          name: '医学营养治疗',
          img: require('@/images/shgc.png'),
          i: 'mK2'
        },
        {
          id: 3,
          name: '运动治疗',
          img: require('@/images/shhl.png'),
          i: 'mK3'
        },
        {
          id: 4,
          name: '药物治疗',
          img: require('@/images/qkhl.png'),
          i: 'mK4'
        },
        {
          id: 5,
          name: '血糖监测',
          img: require('@/images/yshl.png'),
          i: 'mK5'
        }
      ]
    }
  },

  mounted() {
    // 检测是否在IE浏览器中打开
    // if (this.isInternetExplorer()) {
    //   // 在IE中打开，重定向到谷歌浏览器网站，并带上当前地址
    //   //   //创建ActiveXObject实例，只在IE下有效，才可以创建
    //   //   //创建ActiveXObject实例，只在IE下有效，才可以创建
    //   //   var url = 'https://www.baidu.com'
    //   //   // eslint-disable-next-line no-undef
    //   //   var objShell = new ActiveXObject('WScript.Shell')
    //   //   var x = this.getChromePath(objShell)
    //   //   if (!x) {
    //   //     alert('当前没有Chrome浏览器，请先安装Chrome浏览器')
    //   //     return
    //   //   }
    //   //   /*
    //   // 命令参数说明
    //   // cmd.exe /c dir 是执行完dir命令后关闭命令窗口。
    //   // cmd.exe /k dir 是执行完dir命令后不关闭命令窗口。
    //   // cmd.exe /c start dir 会打开一个新窗口后执行dir指令，原窗口会关闭。
    //   // cmd.exe /k start dir 会打开一个新窗口后执行dir指令，原窗口不会关闭。
    //   // 这里的dir是start chrome www.baidu.com//用谷歌浏览器打开百度
    //   // */
    //   //   objShell.Run('cmd.exe /c start chrome ' + url, 0, true)
    //   console.log('是ie')
    // }
  },

  methods: {
    // getChromePath(objShell) {
    //   var regPath = [
    //     'HKEY_LOCAL_MACHINE\\SOFTWARE\\WOW6432Node\\Microsoft\\Windows\\CurrentVersion\\Uninstall\\Google Chrome\\InstallLocation',
    //     'HKEY_LOCAL_MACHINE\\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\Uninstall\\Google Chrome\\InstallLocation',
    //     'HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\Uninstall\\Google Chrome\\InstallLocation',
    //     'HKEY_CURRENT_USER\\Software\\WOW6432Node\\Microsoft\\Windows\\CurrentVersion\\Uninstall\\Google Chrome\\InstallLocation',
    //     'HKEY_LOCAL_MACHINE\\SOFTWARE\\Microsoft\\Windows\\CurrentVersion\\App Paths\\chrome.exe\\Path',
    //     'HKEY_CURRENT_USER\\Software\\Microsoft\\Windows\\CurrentVersion\\App Paths\\chrome.exe\\Path'
    //   ]

    //   // 判断是否安装谷歌浏览器
    //   for (var i = 0; i < regPath.length; i++) {
    //     try {
    //       var x = objShell.regRead(regPath[i])
    //       if (x) {
    //         return x
    //       }
    //     } catch (e) {
    //       console.log(e)
    //     }
    //   }
    //   return undefined
    // },
    startmk(i) {
      this.$router.push({
        name: i
      })
    }
    // isInternetExplorer() {
    //   // 使用正则表达式检测是否为IE浏览器
    //   const userAgent = navigator.userAgent

    //   if (
    //     userAgent.indexOf('MSIE') !== -1 ||
    //     userAgent.indexOf('Trident') !== -1
    //   ) {
    //     return true
    //   } else if (userAgent.indexOf('Edge') !== -1) {
    //     return true
    //   } else if (userAgent.indexOf('Chrome') !== -1) {
    //     return 'Google Chrome'
    //   } else if (userAgent.indexOf('Firefox') !== -1) {
    //     return 'Mozilla Firefox'
    //   } else if (userAgent.indexOf('Safari') !== -1) {
    //     return 'Apple Safari'
    //   } else {
    //     return 'Unknown Browser'
    //   }
    //   // const isIE = /Trident|MSIE|Edge/.test(navigator.userAgent)
    //   // console.log(navigator.userAgent, 'IE')
    //   // return isIE
    // }
  }
}
</script>

<style>
.el-row {
  margin-bottom: 20px;
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #99a9bf;
}
.bg-purple {
  background: #d3dce6;
}
.bg-purple-light {
  background: #e5e9f2;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
</style>
